import { Routes, Route, Navigate } from "react-router-dom";
import Header from "@/components/header/index.jsx";
import AboutPage from "@/pages/about/index.jsx";
import Home from "./pages/home/index.jsx";


function App() {
  return (
    <div>
      <div className="animate__animated  animate__fadeInDown" style={{
        position: 'sticky',
        top: 0,
        left: 0,
        width: '100%',
        zIndex: 999,
        background: '#fff',
        boxShadow: '0 1px 3px rgba(0,0,0,.2)'
      }}>
        <Header />
      </div>
      <Routes>
        <Route path='/' element={<Navigate to="/home" />} />
        <Route path='/home' element={<Home />} />
        <Route path='/about' element={<AboutPage />} />
      </Routes>
    </div>
  )
}

export default App
